<template>
  <mt-swipe :auto="4000" class="lunbo">
    <!-- 循环生成轮播数据 -->
    <mt-swipe-item v-for="list in lunbotu" :key="list.img">
      <img :src="list.img || list.src" :class="{full:isFull}">
    </mt-swipe-item>
  </mt-swipe>
</template>
<script>
export default {
    // 获取父组件传来的轮播图数据
    /**
     * 首页中的轮播图需要宽度100%;
     * 商品详情里的轮播图不需要宽度100%;
     * 所以在使用组件的时候,传值,告诉组件要不要宽度100%
     */
  props: ["lunbotu","isFull"]
};
</script>
<style lang="scss" scoped>
.lunbo {
  height: 200px;
  text-align: center;
  img {
    height: 100%;
  }
  .full {
    width:100%;
  }
}
</style>


